.data {
	width: 100%;
	height: 100%;

	overflow-y: auto;
}

.article {
	.handle,
	.table {
		padding: 16px;
	}

	.handle {
		display: flex;
		justify-content: space-between;
		align-items: center;

		/deep/ .el-form--inline {
			* {
				vertical-align: middle;
				line-height: initial !important;
			}
		}

		/deep/ .el-date-editor .el-range-separator {
			width: auto;
		}

		.el-form-item {
			margin-bottom: 16px;
		}
	}

	.chart {
		position: relative;
		width: 100%;
		height: 100%;
		padding-right: 16px;
		padding-left: 16px;
		border: 1px solid #cf0;

		.category {
			width: calc(100% - 32px);
			width: 100%;
			height: 400px;
			overflow: hidden;
		}

		.chart-radios {
			position: absolute;
			top: 10px;
			right: 20px;
		}
	}

	.table {
		padding: 0 16px 16px;

		/deep/ .el-table th {
			background-color: #f0f1f1;
			color: #333;
		}

		a {
			text-decoration: none;
			color: #187cea;

			+ a {
				margin-left: 8px;
			}
		}
	}
}

.fnModel {
	/deep/ .model {
		height: 300px !important;
	}
}
.waterMeter {
	/deep/ .model {
		height: 500px !important;
	}
}

.fnModel,
.waterMeter {
	.modelWraper {
		width: 80%;
		height: 100%;
		margin-right: auto;
		margin-left: auto;
		display: flex;
		align-items: center;
		flex-direction: column;
		justify-content: center;

		.el-form {
			width: 100%;
			// height: 100%;

			/deep/ .el-form-item {
				margin-bottom: 8px;
			}
		}
	}
}